<html>
    <script id="vertex-shader" type="x-shader/x-vertex">
        attribute vec4 vPosition;
        attribute vec4 vColor;
        attribute vec2 vSize;
        varying vec4 color;
        void main()
        {
            gl_Position = vPosition;
            color = vColor;
            gl_PointSize = vSize.x;
        }
    </script>

    <script id="fragment-shader" type="x-shader/x-fragment">
        precision mediump float;
        varying vec4 color;
        void main()
        {
            gl_FragColor = color;
        }
    </script>

    <script type = "text/javascript" src = "../Common/webgl-utils.js"></script>
    <script type = "text/javascript" src = "../Common/initShaders.js"></script>
    <script type = "text/javascript" src = "../Common/MV.js"></script>
    <script type = "text/javascript" src = "pro_1.js"></script>

    <body>
      
        <div id="main" style="width:1024px;">
            <div id="left" style="width:712px;float:left;">
                <canvas id="gl-canvas" width="512" height="512">
                    <!-- The	f ollowing	message	is	displayed	if	the	browser	doesn ’ t
                        --  support	HTML5	-->
                    Sorry ; your web browser does not support HML5's canvas element.
                </canvas>
            </div>

            <div id="right" style="width:312px;float:left;">
                <div>
                    points size 1 <input id="slider" type="range" min="1" max="10" step="1" value="5" /> 10
                </div>
                <div>
                    <select id="mymenu" size="7">
                        <option value="0">Black</option>
                        <option value="1">Red</option>
                        <option value="2">Yellow</option>
                        <option value="3">Green</option>
                        <option value="4">Blue</option>
                        <option value="5">Magenta</option>
                        <option value="6">Cyan</option>
                    </select>
                
                </div>
            </div>
            <div id="text"></div> 

        </div>
    </body>
</html>


